.left {
    float: left;
}

.right {
    float: right;
}

 .videoBaoBao {
    width: 620px;
    height: 210px;
}

.videoGroup {
    position: relative;
    width: 324px;
    height: 184px;
    margin-top: 13px;
}

/* .videoPlaer{
    position: absolute;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    
} */

  .scrollView::-webkit-scrollbar {
    width: 6px;
  }

  .scrollView::-webkit-scrollbar-thumb {
    background: #fde4ae;
    border-radius: 3px;
  }

  .scrollView::-webkit-scrollbar-track {
    background: transparent;
  }
/* .videoPlaer img{
    width: 100%;
    height: 100%;
} */
.videoGroup video {
    width: 100%;
    height: 100%;
}

.videoList {
    width: 282px;
    height: 210px;
    background: url(./20211221border.png) no-repeat 0 0;
}

.videoDate {
    width: 100%;
    height: 37px;
    margin-top: 10px;
}

.baobaoLogo {
    display: block;
    width: 72px;
    height: 41px;
}

.baobaoLogo img {
    width: 100%;
    height: 100%;
}

.videoDate .date {
    margin-right: 16px;
    padding-top: 3px;
}

.videoDate .date span {
    display: block;
    width: 47px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 5px;
    border: 1px solid #ecbd56;
    cursor: pointer;
}

.videoDate .date span.active {
    background: #ecbd56;
    color: #fff;
}

.videoDate .date span+span {
    margin-left: 4px;
}

.scrollView {
    height: 140px;
    overflow-y: auto;
    width: 95%;
}


.scrollView ul li{
    line-height: 19px;
}
/* 

    已播放灰标黑字     played    
    正在播放黄标红字    active
    未播放的是灰子橘标  ""

*/


.wndbb_ul li .iconvd {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(./20211221icon.png)no-repeat 0 3px;
    background-size:  21px 14px;
}


.wndbb_ul li span {
    font-size: 14px;
    color: #999;
}

.wndbb_ul li.played span {
    color: #444;
}

.wndbb_ul li.played .iconvd{
    background-image: url("./20211221yellowIcon.png");
}


.wndbb_ul li.played span.text {
    cursor: pointer;
}

.wndbb_ul li span+span {
    margin-left: 4px;
}



.wndbb_ul li.active span.text {
    color: #cc5229;
}

.wndbb_ul li.active span.iconvd {
    background-image: url(./20211221yellowIcon.png)

}
 
.wndbb_ul li span.text {
    display: inline-block;
    width: 186px;

}

.wndbb_ul li+li {
    margin-top: 5px;
}